<template>
  <!-- 1.为echars准备一个具有宽度和高度的dom -->
  <div class="dashboard-container">
    <!-- 面板统计组件 -->
    <panel-Group></panel-Group>
      <!--el-row 用来设置图表每一列间距gutter  -->
      <el-row :gutter="40">
          <el-col :xs="24" :sm="24" :lg="12">
              <el-card style="background:	#A9A9A9;height:350px;" >
                <pie-chart></pie-chart>
              </el-card>
          </el-col>

          <el-col :xs="24" :sm="24" :lg="12">
              <el-card style="background:	#A9A9A9;height:350px;" >
                <bar-Chart></bar-Chart>
              </el-card>
          </el-col>
      </el-row>
      
          
     
      
  </div>
</template>

<script>
import PieChart from './components/pieChart'
import BarChart from './components/barChart'
import PanelGroup from  './components/PanelGroup'
export default {
  name: 'Dashboard',
  data(){
    return{
      
    }
   
  },
   components:{
      'pie-chart':PieChart,
      'bar-Chart':BarChart,
      'panel-Group':PanelGroup
    }

 
}
</script>

<style lang="scss" scoped>

</style>
